import React from "react";
import styles from "./index.module.scss";
interface IProps {
  children: React.ReactNode;
  text: string;
}
const Card: React.FC<IProps> = (props) => {
  return (
    <div className={styles.Card}>
      <div className={styles.CardItem}>
        <div className={styles.left}>{props.children}</div>
        <div className={styles.centent}>{props.text}</div>
        <div className={styles.right}>
          <svg
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            width="24"
            height="24"
          >
            <path d="M368.576 116.672a16 16 0 0 0-22.656 0l-45.248 45.248a16 16 0 0 0 0 22.656l327.936 327.936-327.936 327.936a16 16 0 0 0 0 22.592l45.248 45.248a16 16 0 0 0 22.656 0l384.512-384.448a16 16 0 0 0 0-22.656L368.576 116.672z"></path>
          </svg>
        </div>
      </div>
    </div>
  );
};

export default Card;
